<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;

?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>


    <script src="//cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>
    <script type="text/javascript" src="/js/SuperSlide.2.1.js"></script>

    <script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>

    <link href="/js/layui/css/layui.css" rel="stylesheet"/>
    <script type="text/javascript" src="/js/layui/layui.js"></script>

    <link href="/css/style.css" rel="stylesheet" type="text/css"/>
    <script>
        var ind = 0;
        $(function () {
            var nav = $(".nav");
            var init = $(".nav .m").eq(ind);
            var block = $(".nav .block");
            block.css({
                "left": init.position().left - 3
            });
            nav.hover(function () {
                },
                function () {
                    block.stop().animate({
                            "left": init.position().left - 3
                        },
                        300);
                });
            $(".nav").slide({
                type: "menu",
                titCell: ".m",
                targetCell: ".sub",
                delayTime: 300,
                triggerTime: 0,
                returnDefault: true,
                defaultIndex: ind,
                startFun: function (i, c, s, tit) {
                    block.stop().animate({
                            "left": tit.eq(i).position().left - 3
                        },
                        300);
                }
            });


            layui.use('element', function(){
                var element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块
            });
        });


    </script>
</head>
<body>
<?php $this->beginBody() ?>
<div id="header">
    <div class="navBar">
        <ul class="nav clearfix">

            <li class="m">
                <h3><a href="#" style="color: #FE7700;">退出</a></h3>
            </li>
            <li class="s">|</li>
            <li class="m">
                <h3><a href="javascript:">基础数据管理</a></h3>
                <ul class="sub" style="display: none;">
                    <li><a href="#" title="服务项目">服务项目</a></li>
                    <li><a href="#" title="材料">材料</a></li>
                    <li><a href="#" title="车型">车型</a></li>
                </ul>
            </li>

            <li class="s">|</li>
            <li class="m">
                <h3><a href="javascript:" title="系统管理">系统管理</a></h3>
                <ul class="sub">
                    <li><a href="/os/list" title="应用管理">应用管理</a></li>
                    <li><a href="#" title="公众号管理">公众号管理</a></li>
                </ul>
            </li>
            <li class="s">|</li>
            <li class="m">
                <h3><a href="javascript:">门店管理</a></h3>
                <ul class="sub">
                    <li><a href="#" title="开店">开店</a></li>
                    <li><a href="#" title="门店列表">门店列表</a></li>
                </ul>
            </li>
            <li class="s">|</li>
            <li class="m">
                <h3><a href="#">主页</a></h3>
            </li>

        </ul>
    </div>
</div>
<div id="container">
    <?= $content ?>
</div>
<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
